<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>门卫管理访单</title>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/demo/demo.css">
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/themes/bootstrap/easyui.css">
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/jquery.color.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/datagrid-export/datagrid-export.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.common.min.css" />
    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.default.min.css" />
    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.default.mobile.min.css" />
    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.rtl.min.css" />
    <script type="text/javascript" src="../../KendoUI/js/jszip.min.js"></script>
    <script type="text/javascript" src="../../KendoUI/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="../../KendoUI/js/messages/kendo.messages.zh-CN.min.js"></script>

    <script type="text/javascript" src="../js/XLSX/xlsx.js"></script>
    <script src="../../publicJS/publicJS.js" type="text/javascript"  ></script>

    <script src="../js/showavisitor_client.js?version=1.1" type="text/javascript"></script>



    <style type="text/css">
        .k-grid tr.k-state-selected {
            background-color: #afe8ab; /* 自定义选中行的背景色 */
        }
        .k-grid tr.k-state-selected,
        .k-grid tr.k-state-selected:hover,
        .k-grid tr.k-state-hover {
            background-color: #afe8ab; /* 自定义选中行和悬停行的背景色 */
        }
        /*13e072 40E0D0*/
        .datagrid-header .datagrid-cell {
            vertical-align: middle; /* 垂直居中对齐 */
            white-space: normal;  /* 允许内容换行 */
            text-align: center; /* 水平居中对齐 */
            line-height: normal; /* 垂直居中对齐 */
        }
        .k-grid-header th .k-header  {
            vertical-align: middle;
        }
        /* 设置标题自动换行和居中对齐 */
        .k-grid-header .k-header span {
            display: inline-block;
            white-space: normal;
            text-align: center;
        }

        .combobox-item,
        .combobox-group,
        .combobox-stick {
            font-size: 15px;
            padding: 6px 4px;
            line-height: 20px;
        }
        .textbox .textbox-text {
            font-size: 15px;
        }
        .plan_main {position: absolute;top:1px;bottom:1px;right:1px;left: 1px; background: #FEFCFB; /*  border: 0px solid red;*/}
        .plan_top {height: 35px;width: 100%;float: left;background: #F6F2F1;border: 1px solid #F6F2F1 ;}
        .plan_text {height: calc(100% - 40px);width: 100%;float: left;background: #FFFCFB;border: 1px solid #DBCFC3 ;}

        input[type="checkbox"][readonly] {
            pointer-events: none;
         }
    </style>
</head>
<body>
   <div class="plan_main">
      <div class="plan_top">
            <a class="easyui-linkbutton" onclick="btn_refresh()" data-options="iconCls:'icon-search',iconAlign:'top',width:45,height:55">查询</a>
            <a class="easyui-linkbutton" onclick="openwin()" data-options="iconCls:'icon-edit',iconAlign:'top',width:60,height:55">修改</a>
            <a class="easyui-linkbutton" onclick="setaudit(0)" data-options="iconCls:'icon-undo',iconAlign:'top',width:60,height:55">停用</a>
            <a class="easyui-linkbutton" onclick="setaudit(1)" data-options="iconCls:'icon-redo',iconAlign:'top',width:60,height:55">恢复</a>
            <a class="easyui-linkbutton" onclick="btn_export()" data-options="iconCls:'icon-sum',iconAlign:'top',width:80,height:55">导出Excel</a>
            <a class="easyui-linkbutton" onclick="closeTab()" data-options="iconCls:'icon-no',iconAlign:'top',width:50,height:55">关闭</a>
      </div>
      <div class="plan_text">
          <table id="bill"></table>
      </div>
   </div>

   <div id="FHwin" title="进厂信息提示!!!">
       <form id="form" method="post">
           <div style="width:100%;height:280px;text-align: center;padding-top: 20px;border: 1px solid #DDDDDD;">

               <div style="display: none;"><input name="id" id="id" class="easyui-textbox" data-options="label:'id:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>

                <div class="toptext"><input name="realName" id="realName" class="easyui-textbox" data-options="label:'姓名:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>
                <div class="toptext"><input name="company" id="company"class="easyui-textbox" data-options="label:'公司:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>
                <div class="toptext"><input name="phone" id="phone"class="easyui-textbox" data-options="label:'电话:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>
                <div class="toptext"><input name="idNumber" id="idNumber"class="easyui-textbox" data-options="label:'身份证号:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>
                <div class="toptext"><input name="visitorCategory" id="visitorCategory"class="easyui-textbox" data-options="label:'类别:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>
                <div class="toptext"><input name="type" id="type" class="easyui-textbox" data-options="label:'类型:',labelAlign:'right',width:'370',height:'28',labelWidth:120"></div>

           </div>
       </form>
       <div style="width:50%;height:50px;text-align: center;border: 1px solid #DDDDDD;float: left">
           <button style="width:100%;height:100%;border: none;font-size: 28px;color: red" onclick="updateclientdetail()">保存修改</button>
       </div>
       <div style="width:50%;height:50px;text-align: center;border: 1px solid #DDDDDD;float: left">
           <button style="width:100%;height:100%;border: none;font-size: 28px;color: #0000FF" onclick="$('#FHwin').window('close')">关 闭</button>
       </div>
   </div>

</body>

<style type="text/css">
   /* 文本框之间夹层div 属性 */
   .interlayer {
      /* border: 0px solid red; width: 400px;float: left;margin: auto;text-align: center; */
      border: 0px solid red; width: 300px;height: 7px;float: left;margin: auto;text-align: center;
   }

   .toptext{
       float: left;
       padding-top: 10px;
       font-size: 21px
       /* border: 1px solid red; */
   }
   .textbox .textbox-text{
       font-size: 21px
   }

   .plan_main {
    position: absolute;
    top:1px;
    bottom:1px;
    right:1px;
    left: 1px;
    /*  border: 0px solid red;*/
    background: #FEFCFB;
}

.plan_top {
    height: 60px;
    width: 100%;
    float: left;
    background: #F6F2F1;
    border: 1px solid #F6F2F1 ;
}

.plan_text {
    height: calc(100% - 60px);
    width: 100%;
    float: left;
    background: #FFFCFB;
    border: 1px solid #DBCFC3 ;
    /* border: 0px solid red ; */
}

   .plandate {
    height: 60px;
    width: 200px;
    float: left;

   }

   .demos {
      height: 30px;
      width: 200px;
      float: left;

   }

   .demos label{
      font-size: 14px;
      text-align:right;
   }

</style>

</html>